<template>
  <div class="connent">
    <div style="height: 47px">
      <van-nav-bar style="background: #f5f5f5;width: 100%">
        <van-icon name="arrow-left" slot="left" size="28px" color="#101010" @click="onClickLeft"></van-icon>
        <span slot="title" style="font-size: 18px">28天塑形减脂计划</span>
      </van-nav-bar>
    </div>
    <div  class="box" >
      <h1><i>28天塑形</i></h1>
      <h3><i>减脂计划</i></h3>
      <p>从零开始，让你爱上运动</p>
    </div>
    <van-button type="default" size="large" class="buy" tag="div" to="/buyvip">会员专享，即刻开通</van-button>
  </div>
</template>
<script>
  export default {
    name:'Day',
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      },
    }

  }
</script>
<style scoped>
  .connent{
    height: 100%;width:100%;background: #d9d9d9;position: fixed;flex-direction:column;
  }
  .buy{height: 68px;line-height: 68px;font-size: 18px;position: fixed;left: 0;bottom: 0}
  .box{
    flex: 1;height: 100%;text-align: center;
  }
  .box h1 {font-size: 48px;margin: 68px 0 20px 0}
  .box p{margin-top: 170px}
</style>
